<template>
  <div id="app">
    <!-- <calendarIndex/> -->
    <QCalendar class="riLi" :isOtherDate="thisDate" :hideTitle="true" :multiSelect="true"  :selectType="3"
      @selectedData="getSelectedData" :isSwitch="true" :isMonday="true">
      <!-- <template v-slot:mkCalendarHeaderSlot>
        <h1>滕王阁序</h1>
      </template> -->

    </QCalendar>
  </div>
</template>

<script>
// import calendarIndex from "./calendarIndex.vue";
// import riLi from "./components/riLi/index";

import dayjs from "dayjs";

export default {
  name: "app",
  components: {
    // riLi,
    // calendarIndex,
  },
  created() { },
  data() {
    return {
      thisDate: true,
      selectList: [
        {
          year: "2022",
          month: "10",
          day: "1",
          checked: true,
        },
        {
          year: "2022",
          month: "10",
          day: "2",
          checked: true,
        },
        {
          year: "2023",
          month: "10",
          day: "3",
          checked: true,
        },



      ],
    };
  },

  methods: {
    getSelectedData(data) {
      // console.log('拿到的选中data',data);
    },
  },
};
</script>

<style lang="scss" scoped>
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

#app {
  // padding: 16px;
  background-color: black;
  padding: 60px;

  .riLi {
    width: 500px;
    height: 500px;
  }
}
</style>
